﻿<%@ page language="java" pageEncoding="UTF-8" errorPage="/ui/defaultException.jsp"%>
<%@include file="/ui/tags.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>${featureItem.name }</title>
<meta name="keywords" content="特别体验，${featureItem.name}" />
<meta name="description"
	content="${featureItem.summary }" />
<%@include file="/ui/portal/commonjscss.jsp"%>
</head>
<body>
    <div class="page">
    	<c:set var="renderView" value="2" scope="page"></c:set>
        <%@include file="/ui/portal/head.jsp"%>
        <div class="hotel-detail-top">
            <div class="hotel-detail-area">
                <b><a href="${cpath}/classify/item/${curCategory.featureCategoryId}" >${curCategory.featureCategoryName}</a></b> >&nbsp;
                ${featureItem.name}
            </div>
            <div class="hotel-detail-title displaynone">
            </div>
        </div>
        <div class="clear">
        </div>
        <div id="container" class="container margin10">
            <!-- 
            <div class="container-top-location">
                <div class="location-name">特别体验</div>
                <div class="location-back">
                    <a href="javascript:void(0)" onclick="history.go(-1)">返回</a>
                </div>
            </div>
             -->
            <div class="news-container">
                <div class="news-details-title textaligncenter withauto">
                    ${featureItem.name }
                </div>
                <!-- 
                <div class="news-details-mark">
                    <fmt:formatDate value="${news.newsDate}" pattern="yyyy年MM月dd日 HH:mm"/>&nbsp;&nbsp;&nbsp;来源：${news.newsSource }
                </div>
                <div class="news-details-viewcount">浏览量:${news.viewnum }</div> -->
                <div class="h-right margin0auto">
                    <div class="preferences-news-detail">
                    	<c:forEach var="item" items="${featureItem.subItems}" varStatus="ostatus">
                        <c:if test="${fn:length(item.images) > 0 }">
                        	<c:if test="${!ostatus.first }">
	                    		<div class="clear14px"></div>
	                    	</c:if>
                        <div class="preferences-news-imgs">
                            <img class="lazy" data-original="${image_domain }${item.images[0].source}@745w" 
                            src="${cpath}/resources/portal/img/grey.gif"/>
                        </div>
                        </c:if>
                         <c:if test="${ostatus.first }">
                    		<c:if test="${!empty featureItem.copyright }">
								<div class="hotel-detail-copy">（图片版权：${featureItem.copyright }）</div>
							</c:if>
	                    </c:if>
                        <div class="preferences-news-note">
                          ${item.content }
                        </div>
                        <c:forEach var="image" items="${item.images }" varStatus="status">
                        	<c:if test="${!status.first }">
                        	<div class="clear14px"></div>
                        	<div class="preferences-news-imgs">
                        	<img class="lazy" data-original="${image_domain }${image.source}@745w" 
                            	src="${cpath}/resources/portal/img/grey.gif"/>
                            </div>
                        	</c:if>
	                    </c:forEach>
                        </c:forEach>
                         <%--
                        <div class="preferences-news-copy textalignright">  编辑:${news.editor }</div>
                         --%>
                        <div class="preferences-news-share">
                            <%@include file="/ui/portal/share.jsp"%>
							<script type="text/javascript">
							jiathis_config['title'] = '${featureItem.name }';
							jiathis_config['summary'] = $('.preferences-news-note:first').text();
							sinaShareData = {
								shareType : 4,
								openType : 1,
								dataId : '${featureItem.featureItemId}'
							};
							tencentShareData = {
								shareType : 4,
								openType : 2,
								dataId : '${featureItem.featureItemId}'
							};
							qzoneShareData = {
								shareType : 4,
								openType : 2,
								openTypeName : 'qzone',
								dataId : '${featureItem.featureItemId}'
							};
							</script>
                        </div>
                    </div>
                    <div class="p-news">
                        <div class="p-news-title">
                            <div class="p-news-title-line-left">
                                <hr />
                            </div>
                            <div class="p-news-title-name"> 可能喜欢&nbsp;></div>
                            <div class="p-news-title-line-right">
                                <hr />
                            </div>
                        </div>
                        <div class="p-news-inner">
                           <c:forEach var="item" items="${samilarFeatureItems }">
                            <div class="p-news-l">
                                <div class="p-news-l-img">
                                    <a href="${cpath}/classify/item/${curCategory.featureCategoryId }/${item.featureItemId}">
                                        <img class="lazy" data-original="${image_domain }${item.source}${item.small}"
										src="${cpath}/resources/portal/img/grey.gif"/></a>
                                </div>
                                <div class="p-news-l-title">
                                    <a href="${cpath}/classify/item/${curCategory.featureCategoryId }/${item.featureItemId}">${item.name}</a>
                                </div>
                                <div class="p-news-l-line">
                                    <hr />
                                </div>
                                <div class="p-news-l-remark"><a href="${cpath}/classify/item/${curCategory.featureCategoryId }/${item.featureItemId}">${item.summary }</a></div>
                            </div>
                           </c:forEach>
                            <div class="clear1">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
        <%@include file="/ui/portal/footer.jsp"%>
    </div>
 
</body>
</html>
<script src="${cpath}/resources/portal/js/lazyload/jquery.lazyload.js"></script>
<script type="text/javascript">
$(function() {
    $("img.lazy").lazyload();
});
</script>
